@import "./_rem.scss";

.link-a {
  display: flex;
  width: 100%;
  justify-content: center;
}
.c-blue {
  color: #0894ec;
} 
.list-img {
  width: rem(160);
  height: rem(160);
}

.index {
  .bar {
    z-index: 16;
  }
  .tabs {
    .content {
      top: rem(80);
      padding-bottom: rem(110);
      display: none;
    }
    .active {
      display: block;
    }
    .facebook-card {
      .facebook-name, .facebook-date {
        margin-left: 0;
      }
      .facebook-name {
        font-size: rem(32);
        color: #333;
      }
      .facebook-date {
        color: #999;
      }
    }
  }
  .card-img {
    width: 100%;
    max-height: rem(360);
    height: rem(360);
    padding: 0 rem(20);
  }
  .card-content {
    p {
      color: #999;
    }
  }

  .index-content {
    .content-block-title {
      margin: 0.75rem .75rem .5rem;
    }
    .list-block {
      margin: rem(10);

      .item-text p {
        margin: 0;
      }
      ul {
        background-color: #f7f7f8;
      }
      li {
        margin-bottom: 0.25rem;
        background-color: #fff;
        overflow: hidden;
      }
    }
  }

  .user-info {
    .content-block {
      margin: 0;
    }
    .portrait {
      display: flex;
      align-item: center;
    }
    .search-input input {
      box-sizing: border-box;
      width: 100%;
      height: 1.4rem;
      display: block;
      border: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: .25rem;
      font-family: inherit;
      color: #fff;
      font-size: .7rem;
      font-weight: 400;
      padding: 0 .5rem 0 1.5rem;
      background-color: #5f5f5f;
      border: 1px solid #b4b4b4;
    }
    .logon-out {
    }
    .content {
      top: 5.6rem;

      .content-block-title {
        margin-top: 0.75rem;
      }
      ul {
        background-color: transparent;
  
        a {
          color: #fff;
        }
      }
      .list-block .item-title {
        font-weight: 300;
      }
    }
    .user-photo {
      width: rem(100);
      height: rem(100);
      margin-right: rem(20);
      border-radius: 50%;
    }
  }

}



